import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const InfoIcon: React.FC<Props> = ({ color = 'white', width = '25', height = '25', onClick }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 25 25"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      <path
        d="M12.6109 2.60376C7.11511 2.60376 2.66016 7.05872 2.66016 12.5545C2.66016 18.0503 7.11511 22.5053 12.6109 22.5053C18.1067 22.5053 22.5617 18.0503 22.5617 12.5545C22.5617 7.05872 18.1067 2.60376 12.6109 2.60376ZM12.6109 17.5299C12.0616 17.5299 11.6158 17.0841 11.6158 16.5348V12.5545C11.6158 12.0052 12.0616 11.5594 12.6109 11.5594C13.1602 11.5594 13.606 12.0052 13.606 12.5545V16.5348C13.606 17.0841 13.1602 17.5299 12.6109 17.5299ZM13.1085 9.56929H12.1134C11.8387 9.56929 11.6158 9.3464 11.6158 9.07176V8.07668C11.6158 7.80204 11.8387 7.57914 12.1134 7.57914H13.1085C13.3831 7.57914 13.606 7.80204 13.606 8.07668V9.07176C13.606 9.3464 13.3831 9.56929 13.1085 9.56929Z"
        fill="current"
      />
    </svg>
  )
}

export default InfoIcon
